<?=load_static('js/jquery.validate.min.js','js/tools.js')?>
<script type="text/javascript">
jQuery(window).load(function() {
    jQuery('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        animSpeed:300, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        captionOpacity:0.0 //Leave this setting, edit slider style.css nivo-caption2
    });

	// scroll the page to display the international section
	jQuery('#util-int').toggle(function() {
		jQuery("#util-regions").remove().prependTo("#placeholder-regions").slideToggle('swing');
		}, function() {
		jQuery("#util-regions").slideToggle('swing');
	});

});

function show(cObj, tTable, sOpenText,sOpenClass,sClosedText,sClosedClass){
   if (document.getElementById(tTable).style.display == "none") {
      document.getElementById(tTable).style.display = "block";
      document.getElementById(cObj).innerHTML = sOpenText;
	   document.getElementById(cObj).className = sOpenClass;
   }
   else {
      document.getElementById(tTable).style.display = "none";
       document.getElementById(cObj).innerHTML = sClosedText;
	   	   document.getElementById(cObj).className = sClosedClass;
   }
}
$(function(){
    tools.validate($('#sub_form'),function(data){
        alert('submit successful!');
        window.location.reload();
    },function(data){
        alert(data.msg);
    });
});
</script>
<style type="text/css">
#main-outer {
	overflow: hidden;
	width:1270px;
	background: url(images/bg_contact.jpg) -20px 0px no-repeat;
	margin: 0px 128px 0px -128px;
	border:0px solid white;
}
.contact-form input[type="text"]{
	margin-bottom:13px;
	width:300px;	
}
.contact-form label{
	display:block;
	float:none;
	font-weight:blod;
	margin-bottom:3px;
}
.contact-form textarea{
	float:none;
	height:200px;
	margin-bottom:13px;
	width:80%;
}
.contact-form label span{
	color:#aaa;
	font-weight:normal;
	margin-left:4px;
}
</style>
<div id="outer">
  <div id="wrapper" class="hfeed">
    <?=$header;?>
    <!-- #header --> 
    <br style="clear:both">
    <div id="main-outer">
      <div id="main">
        <div id="container">
          <div id="content" role="main">
            <div id="post-19" class="post-19 page type-page status-publish hentry">
              <h1 class="entry-title">Contact Us</h1>
              <div class="entry-content">
                <link rel="stylesheet" id="grunion.css-css" href="css/grunion.css" type="text/css" media="all">
                <p><strong>CORPORATE OFFICE</strong><br>
                  <?=$address;?><br />
                  Fax: <?=$fax;?><br>
                  Email: <a href="mailto:<?=$email;?>"><?=$email;?></a></p>
                <hr>
                <div>
                  <div style="float:left; margin-right:10px">
                    <div id="contact-form-19">
                      <form id="sub_form" method="post" class="contact-form commentsblock">
                        <div>
                          <label for="19-name" class="name">Name<span>(required)</span></label>
                          <input name="name-mod" id="19-name" class="name required" title="Please enter the name" type="text">
                        </div>
                        <div>
                          <label for="19-email" class="grunion-field-label email">Email<span>(required)</span></label>
                          <input name="email-mod" id="19-email" class="email required" title="Please enter the email" type="text">
                        </div>
                        <div>
                          <label for="19-website" class="url">Website</label>
                          <input name="website-mod" id="19-website" class="url" type="text" placeholder="http://website">
                        </div>
                        <div>
                          <label for="19-subject" class="subject">Subject</label>
                          <input name="subject-mod" id="19-subject" class="subject" type="text">
                        </div>
                        <div>
                          <label for="19-message" class="textarea">Message</label>
                          <textarea name="message-mod" id="contact-form-comment-19-message" rows="20"></textarea>
                        </div>
                        <p class="contact-submit">
                          <input value="submit" class="pushbutton-wide" type="submit">
                          <input type="hidden" name="action" value="<?=base_url('/home/contact_action/')?>">
                        </p>
                      </form>
                    </div>
                  </div>
                  <p><img src="images/skyscraper.jpg" style="float:right;" title="" alt=""><br>
                    <br style="clear:both">
                  </p>
                </div>
              </div>
              <!-- .entry-content --> 
              
            </div>
            <!-- #post-## --> 
            
          </div>
          <!-- #content --> 
        </div>
        <!-- #container -->
        
        <div id="primary" class="widget-area" role="complementary">
          <ul class="widget-list">
            <li id="text-4" class="widget-container widget_text">
              <div class="textwidget">
                <div class="special_photo">Royal delivers prompt friendly service with every factory new and unused surplus product.<br>
                  <br>
                  <img src="images/office_Roth_046.jpg" title="Roth - Customer Service"></div>
              </div>
            </li>
          </ul>
        </div>
        <!-- #primary .widget-area --> 
        
      </div>
      <!-- #main --> 
    </div>
    <!-- #main outer--> 
    
  </div>
  <!-- #wrapper -->
  <?=$footer;?>
</div>
